<template>
    <div>
        <!-- 键盘事件 .shift 按键修饰符 .13和.enter 都表示回车的键码-->
        <input type="text" v-model="name" @keyup.13="append(name)">

        <!-- 展示面板 -->
        <ul>
            <li v-for="(value,index) in list" :key="index">
                {{value}}
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    methods:{
        append(name){
            if(name.trim().length){
                //把传进来的数据，push到数组里
                this.list.unshift(name);
                this.name='';
            }else{
                alert('值不许为空')
            }
        }
    },
    data(){
        return {
            name:'',
            list:[],
        }
    },
}
</script>